/<template>

  <el-menu
      default-active="2"
      class="el-menu-vertical-demo"


  >
    <el-menu-item index="2">
      <el-icon><Search /></el-icon>
  <a :href="friendSearch" target="Frame1"  style="text-decoration: none;font-size: 16px;color:cadetblue">添加好友</a>
    </el-menu-item>

    <el-menu-item index="3">
      <el-icon><Promotion /></el-icon>
      <a :href="friendRequest" target="Frame1"  style="text-decoration: none;font-size: 16px;color:cadetblue">好友申请</a>
    </el-menu-item>

    <el-menu-item index="4">
      <el-icon><List /></el-icon>
      <a :href="friendList" target="Frame1"  style="text-decoration: none;font-size: 16px;color:cadetblue">好友列表</a>

    </el-menu-item>
  </el-menu>

    <iframe class="iframe" name="Frame1">

    </iframe>


</template>

<script>
export default {
  date(){
    return{
      username:'',
      friendSearch:'',
      friendRequest:'',
      friendList:'',
    }
  },
  created() {
    this.username = this.$route.query.username
    this.friendSearch="/friendSearch?" + "username=" + this.$route.query.username
    this.friendList="/friendList?" + "username=" + this.$route.query.username
    this.friendRequest="/friendRequest?"+"username="  +  this.$route.query.username
    console.log(this.friendList)
    console.log(this.friendRequest)
  }
}


</script>

<style>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  /*position: absolute;*/
  width: 200px;
  min-height: 400px;
  float: left;

}
.iframe{
 width: 1280px;
  height: 700px;
  float: left;

  border: none;
}
</style>
